
<template id="te">
  <div id="main">
    <el-row class="top">
      <el-row class="top-2">
        <el-col :span="23" class="top-nav">

          <el-col :span="7">
            <el-menu mode="horizontal" class="top-nav-2">
              <el-menu-item index="1"  class="my-menu-it" >新增</el-menu-item>
              <el-submenu index="2" class="tow-item">
                <template slot="title" class="tow-item">保存</template>
                <el-menu-item index="2-14" class="tow-item">保存</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">暂存</el-menu-item>

              </el-submenu>

              <el-submenu index="4" class="tow-item">
                <template slot="title" class="tow-item">提交</template>
                <el-menu-item index="2-1" class="tow-item">提交</el-menu-item>
                <el-menu-item index="2-2" class="tow-item">撤销</el-menu-item>
              </el-submenu>

              <el-submenu index="5" class="tow-item" disabled>
                <template slot="title" class="tow-item">审核</template>
                <el-menu-item index="2-1" class="tow-item">审核</el-menu-item>
                <el-menu-item index="2-2" class="tow-item">反审核</el-menu-item>
              </el-submenu>

            </el-menu>
          </el-col>
          <el-col :span="1" class="top-h">|</el-col>
          <el-col :span="7">
            <el-menu mode="horizontal" class="top-nav-3">
              <el-menu-item index="1"  class="my-menu-it" >选单</el-menu-item>
              <el-menu-item index="1"  class="my-menu-it" >下推</el-menu-item>
              <el-submenu index="2" class="tow-item">
                <template slot="title" class="tow-item">关联查询</template>
                <el-menu-item index="2-14" class="tow-item">上查</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">下查</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">——————</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">业务流程图</el-menu-item>
              </el-submenu>
              <el-submenu index="4" class="tow-item">
                <template slot="title" class="tow-item">业务操作</template>
                <el-menu-item index="2-1" class="tow-item">作废</el-menu-item>
                <el-menu-item index="2-2" class="tow-item">——————</el-menu-item>
                <el-menu-item index="2-2" class="tow-item">查看业务凭证</el-menu-item>
                <el-menu-item index="2-2" class="tow-item">查看总账凭证</el-menu-item>
              </el-submenu>
            </el-menu>
          </el-col>
          <el-col :span="1" class="top-h-2">|</el-col>
          <el-col :span="6">
            <el-menu mode="horizontal" class="top-nav-4">
              <el-menu-item index="1"  class="my-menu-it" >列表</el-menu-item>
              <el-submenu index="2" class="tow-item">
                <template slot="title" class="tow-item">选项</template>
                <el-menu-item index="2-14" class="tow-item">上查</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">下查</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">——————</el-menu-item>
                <el-menu-item index="2-24" class="tow-item">业务流程图</el-menu-item>
              </el-submenu>
              <el-menu-item index="1"  class="my-menu-it" >退出</el-menu-item>
            </el-menu>

          </el-col>

<!--          <el-col :span="9">
            <el-col :span="6" class="top-col">新增</el-col>
            <el-col :span="6" class="top-col">
              <el-dropdown>
                  <span class="el-dropdown-link">
                    保存<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>
                  </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item>黄金糕</el-dropdown-item>
                  <el-dropdown-item>狮子头</el-dropdown-item>
                  <el-dropdown-item>螺蛳粉</el-dropdown-item>
                  <el-dropdown-item disabled>双皮奶</el-dropdown-item>
                  <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </el-col>
            <el-col :span="6" class="top-col">3</el-col>
            <el-col :span="6" class="top-col">4</el-col>
          </el-col>


          <el-col :span="9">
            <el-col :span="6">5</el-col>
            <el-col :span="6">6</el-col>
            <el-col :span="6">7</el-col>
            <el-col :span="6">8</el-col>
          </el-col>
          <el-col :span="6">
            <el-col :span="8">9</el-col>
            <el-col :span="8">10</el-col>
            <el-col :span="8">11</el-col>
&lt;!&ndash;            <el-col :span="6"></el-col>&ndash;&gt;
          </el-col>

          -->
        </el-col>
        <el-col :span="1" class="top-ic">
          <el-row>
            <el-col :span="12">
              <i class="el-icon-upload top-icon"></i>
            </el-col>
            <el-col :span="12">
              <i class="el-icon-setting top-icon"></i>
            </el-col>
          </el-row>
        </el-col>
      </el-row>
    </el-row>

    <el-row>

    </el-row>

  </div>
</template>

<script>
  export default {
    name: ""
  }
</script>

<style scoped>
#main {
  height: 100px;
  /*overflow: auto;*/
}
.top {
  position: -webkit-sticky;
  position: sticky;
  width: 98%;
  margin: 0px auto;
  overflow: auto;
/*  background-color: rgb(232, 236, 246);*/
}
.top-2 {
  height: 60px;
  background-color: #fdfdfd;
}
.top-nav {
  width: 1400px;
 /* background-color: #1768b9;*/
  line-height: 60px;
}
.top-nav-2 {
/*  height: 40px;*/
  line-height: 60px;
 /* padding-left: -100px;*/
  width: 340px;
  font-size: 38px;
}
.top-nav-3 {
  /*  height: 40px;*/
  line-height: 60px;
  width: 370px;
  font-size: 38px;
  margin-left: -60px;
}
.top-nav-4 {
  /*  height: 40px;*/
  line-height: 60px;
  width: 370px;
  font-size: 38px;
 /* margin-left: -315px;*/
}
.top-nav-2 {

}

.top-nav .top-h {
  margin-left: -70px;
}
.top-nav .top-h-2 {
  margin-left: -100px;
}
.top-ic {

}
.top-icon {
  color: rgb(71, 111, 255);
  line-height: 60px;
  padding-left: -100px;
/*  padding-left: 200px;*/
  width: 100px;

}
/* #main {
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 100%;

 }*/
</style>
